<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>个人资料</title>
</head>

<body>

    <div class="title">
        <i class="iconfont icon-leftarrow"></i>
        <span>个人资料</span>
    </div>



    <div class="weui-cell weui-cell_active weui-cell_access">
        <span class="weui-cell__bd">
            <span class="demo_badge_title" >更换头像</span>

        </span>
        <span class="weui-cell__ft" id="picBtn">
            <span>
            <img src="../../assets/imgs/cat.jpg" alt="" class="pic" width="80" alt="" >
            <input type="file" class="picfile"  id="fileBtn"></span>
    </div>






    <div class="weui-cell weui-cell_active nickname">
        <span class="weui-cell__bd">
        <span class="demo_badge_title">昵称</span>

        </span>
        <input type="text" id="user">
        <!-- <span class="weui-cell__ft" id="user">用户名</span> -->
    </div>



    <div class="weui-cell weui-cell_active weui-cell_access" id="sexBtn">
        <span class="weui-cell__bd">
            <span class="demo_badge_title" >性别</span>

        </span>
        <span class="weui-cell__ft" id="sexTxt">男</span>
    </div>


    <div class="weui-cell weui-cell_active weui-cell_access" id="birBtn">
        <span class="weui-cell__bd">
            <span class="demo_badge_title" >生日</span>

        </span>
        <span class="weui-cell__ft" id="birTxt">2154465</span>
    </div>

    <div class="weui-cell weui-cell_active weui-cell_access" id="probtn">
        <span class="weui-cell__bd">
            <span class="demo_badge_title" >所在省份</span>

        </span>
        <span class="weui-cell__ft" id="proTxt">请选择省份</span>
    </div>

    <div class="weui-cell weui-cell_active weui-cell_access" id="cityBtn">
        <span class="weui-cell__bd">
            <span class="demo_badge_title" >所在城市</span>

        </span>
        <span class="weui-cell__ft" id="cityTxt">武汉市</span>
    </div>



    <div class="weui-cells__group weui-cells__group_form">
        <div class="jian">个人简介</div>
        <div class=" weui-cells_form">
            <div class="weui-cell weui-cell_active active">
                <div class="weui-cell__bd ">
                    <textarea class="weui-textarea" placeholder="多行输入" rows="3" id="signature"></textarea>
                    <div role="option" aria-live="polite" class="weui-textarea-counter"><span id="word">0</span>/140</div>
                </div>
            </div>
        </div>
    </div>





    <div>
        <a href="javascript:" role="button" class="button" id="saveBtn">主要操作</a>
    </div>





    <!-- <div class="weui-half-screen-dialog weui-picker weui-animate-slide-up" role="dialog" aria-modal="true" tabindex="-1">
        <div class="weui-half-screen-dialog__hd">
            <div class="weui-half-screen-dialog__hd__side"> <button class="weui-btn_icon weui-wa-hotarea">关闭<i class="weui-icon-close-thin"></i></button> </div>
            <div class="weui-half-screen-dialog__hd__main"> <strong class="weui-half-screen-dialog__title">多列选择器</strong> <span class="weui-half-screen-dialog__subtitle"></span> </div>
        </div>
        <div class="weui-half-screen-dialog__bd">
            <div class="weui-picker__bd" style="height: 280px;">
                <div class="weui-picker__group" role="listbox" tabindex="0" wah-hotarea="touchend">
                    <div class="weui-picker__mask"></div>
                    <div class="weui-picker__indicator"></div>
                    <div class="weui-picker__content" style="transform: translate3d(0px, -1736px, 0px);">
                        <div role="option" title="按住上下可调" tabindex="0" class="weui-picker__item" aria-hidden="true">1990年</div>
                        <div role="option" title="按住上下可调" tabindex="0" class="weui-picker__item" aria-hidden="true">1991年</div>
                        <div role="option" title="按住上下可调" tabindex="0" class="weui-picker__item" aria-hidden="true">1992年</div>
                        <div role="option" title="按住上下可调" tabindex="0" class="weui-picker__item" aria-hidden="true">1993年</div>
                        <div role="option" title="按住上下可调" tabindex="0" class="weui-picker__item" aria-hidden="true">1994年</div>
                        <div role="option" title="按住上下可调" tabindex="0" class="weui-picker__item" aria-hidden="true">1995年</div>
                        <div role="option" title="按住上下可调" tabindex="0" class="weui-picker__item" aria-hidden="true">1996年</div>
                        <div role="option" title="按住上下可调" tabindex="0" class="weui-picker__item" aria-hidden="true">1997年</div>
                        <div role="option" title="按住上下可调" tabindex="0" class="weui-picker__item" aria-hidden="true">1998年</div>
                        <div role="option" title="按住上下可调" tabindex="0" class="weui-picker__item" aria-hidden="true">1999年</div>
                        <div role="option" title="按住上下可调" tabindex="0" class="weui-picker__item" aria-hidden="true">2000年</div>
                        <div role="option" title="按住上下可调" tabindex="0" class="weui-picker__item" aria-hidden="true">2001年</div>
                        <div role="option" title="按住上下可调" tabindex="0" class="weui-picker__item" aria-hidden="true">2002年</div>
                        <div role="option" title="按住上下可调" tabindex="0" class="weui-picker__item" aria-hidden="true">2003年</div>
                        <div role="option" title="按住上下可调" tabindex="0" class="weui-picker__item" aria-hidden="true">2004年</div>
                        <div role="option" title="按住上下可调" tabindex="0" class="weui-picker__item" aria-hidden="true">2005年</div>
                        <div role="option" title="按住上下可调" tabindex="0" class="weui-picker__item" aria-hidden="true">2006年</div>
                        <div role="option" title="按住上下可调" tabindex="0" class="weui-picker__item" aria-hidden="true">2007年</div>
                        <div role="option" title="按住上下可调" tabindex="0" class="weui-picker__item" aria-hidden="true">2008年</div>
                        <div role="option" title="按住上下可调" tabindex="0" class="weui-picker__item" aria-hidden="true">2009年</div>
                        <div role="option" title="按住上下可调" tabindex="0" class="weui-picker__item" aria-hidden="true">2010年</div>
                        <div role="option" title="按住上下可调" tabindex="0" class="weui-picker__item" aria-hidden="true">2011年</div>
                        <div role="option" title="按住上下可调" tabindex="0" class="weui-picker__item" aria-hidden="true">2012年</div>
                        <div role="option" title="按住上下可调" tabindex="0" class="weui-picker__item" aria-hidden="true">2013年</div>
                        <div role="option" title="按住上下可调" tabindex="0" class="weui-picker__item" aria-hidden="true">2014年</div>
                        <div role="option" title="按住上下可调" tabindex="0" class="weui-picker__item" aria-hidden="true">2015年</div>
                        <div role="option" title="按住上下可调" tabindex="0" class="weui-picker__item" aria-hidden="true">2016年</div>
                        <div role="option" title="按住上下可调" tabindex="0" class="weui-picker__item" aria-hidden="true">2017年</div>
                        <div role="option" title="按住上下可调" tabindex="0" class="weui-picker__item" aria-hidden="true">2018年</div>
                        <div role="option" title="按住上下可调" tabindex="0" class="weui-picker__item" aria-hidden="true">2019年</div>
                        <div role="option" title="按住上下可调" tabindex="0" class="weui-picker__item" aria-hidden="true">2020年</div>
                        <div role="option" title="按住上下可调" tabindex="0" class="weui-picker__item" aria-hidden="true">2021年</div>
                        <div role="option" title="按住上下可调" tabindex="0" class="weui-picker__item" aria-hidden="true">2022年</div>
                        <div role="option" title="按住上下可调" tabindex="0" class="weui-picker__item" aria-hidden="false">2023年</div>
                    </div>
                </div>
                <div class="weui-picker__group" role="listbox" tabindex="0" style="display: block;" wah-hotarea="touchend">
                    <div class="weui-picker__mask"></div>
                    <div class="weui-picker__indicator"></div>
                    <div class="weui-picker__content" style="transform: translate3d(0px, 112px, 0px);">
                        <div role="option" title="按住上下可调" tabindex="0" class="weui-picker__item" aria-hidden="false">1月</div>
                        <div role="option" title="按住上下可调" tabindex="0" class="weui-picker__item" aria-hidden="true">2月</div>
                        <div role="option" title="按住上下可调" tabindex="0" class="weui-picker__item" aria-hidden="true">3月</div>
                        <div role="option" title="按住上下可调" tabindex="0" class="weui-picker__item" aria-hidden="true">4月</div>
                        <div role="option" title="按住上下可调" tabindex="0" class="weui-picker__item" aria-hidden="true">5月</div>
                        <div role="option" title="按住上下可调" tabindex="0" class="weui-picker__item" aria-hidden="true">6月</div>
                        <div role="option" title="按住上下可调" tabindex="0" class="weui-picker__item" aria-hidden="true">7月</div>
                        <div role="option" title="按住上下可调" tabindex="0" class="weui-picker__item" aria-hidden="true">8月</div>
                        <div role="option" title="按住上下可调" tabindex="0" class="weui-picker__item" aria-hidden="true">9月</div>
                        <div role="option" title="按住上下可调" tabindex="0" class="weui-picker__item" aria-hidden="true">10月</div>
                        <div role="option" title="按住上下可调" tabindex="0" class="weui-picker__item" aria-hidden="true">11月</div>
                        <div role="option" title="按住上下可调" tabindex="0" class="weui-picker__item" aria-hidden="true">12月</div>
                    </div>
                </div>
                <div class="weui-picker__group" role="listbox" tabindex="0" style="display: block;" wah-hotarea="touchend">
                    <div class="weui-picker__mask"></div>
                    <div class="weui-picker__indicator"></div>
                    <div class="weui-picker__content" style="transform: translate3d(0px, -112px, 0px);">
                        <div role="option" title="按住上下可调" tabindex="0" class="weui-picker__item" aria-hidden="true">1日</div>
                        <div role="option" title="按住上下可调" tabindex="0" class="weui-picker__item" aria-hidden="true">2日</div>
                        <div role="option" title="按住上下可调" tabindex="0" class="weui-picker__item" aria-hidden="true">3日</div>
                        <div role="option" title="按住上下可调" tabindex="0" class="weui-picker__item" aria-hidden="true">4日</div>
                        <div role="option" title="按住上下可调" tabindex="0" class="weui-picker__item" aria-hidden="false">5日</div>
                        <div role="option" title="按住上下可调" tabindex="0" class="weui-picker__item" aria-hidden="true">6日</div>
                        <div role="option" title="按住上下可调" tabindex="0" class="weui-picker__item" aria-hidden="true">7日</div>
                        <div role="option" title="按住上下可调" tabindex="0" class="weui-picker__item" aria-hidden="true">8日</div>
                        <div role="option" title="按住上下可调" tabindex="0" class="weui-picker__item" aria-hidden="true">9日</div>
                        <div role="option" title="按住上下可调" tabindex="0" class="weui-picker__item" aria-hidden="true">10日</div>
                        <div role="option" title="按住上下可调" tabindex="0" class="weui-picker__item" aria-hidden="true">11日</div>
                        <div role="option" title="按住上下可调" tabindex="0" class="weui-picker__item" aria-hidden="true">12日</div>
                        <div role="option" title="按住上下可调" tabindex="0" class="weui-picker__item" aria-hidden="true">13日</div>
                        <div role="option" title="按住上下可调" tabindex="0" class="weui-picker__item" aria-hidden="true">14日</div>
                        <div role="option" title="按住上下可调" tabindex="0" class="weui-picker__item" aria-hidden="true">15日</div>
                        <div role="option" title="按住上下可调" tabindex="0" class="weui-picker__item" aria-hidden="true">16日</div>
                        <div role="option" title="按住上下可调" tabindex="0" class="weui-picker__item" aria-hidden="true">17日</div>
                        <div role="option" title="按住上下可调" tabindex="0" class="weui-picker__item" aria-hidden="true">18日</div>
                        <div role="option" title="按住上下可调" tabindex="0" class="weui-picker__item" aria-hidden="true">19日</div>
                        <div role="option" title="按住上下可调" tabindex="0" class="weui-picker__item" aria-hidden="true">20日</div>
                        <div role="option" title="按住上下可调" tabindex="0" class="weui-picker__item" aria-hidden="true">21日</div>
                        <div role="option" title="按住上下可调" tabindex="0" class="weui-picker__item" aria-hidden="true">22日</div>
                        <div role="option" title="按住上下可调" tabindex="0" class="weui-picker__item" aria-hidden="true">23日</div>
                        <div role="option" title="按住上下可调" tabindex="0" class="weui-picker__item" aria-hidden="true">24日</div>
                        <div role="option" title="按住上下可调" tabindex="0" class="weui-picker__item" aria-hidden="true">25日</div>
                        <div role="option" title="按住上下可调" tabindex="0" class="weui-picker__item" aria-hidden="true">26日</div>
                        <div role="option" title="按住上下可调" tabindex="0" class="weui-picker__item" aria-hidden="true">27日</div>
                        <div role="option" title="按住上下可调" tabindex="0" class="weui-picker__item" aria-hidden="true">28日</div>
                        <div role="option" title="按住上下可调" tabindex="0" class="weui-picker__item" aria-hidden="true">29日</div>
                        <div role="option" title="按住上下可调" tabindex="0" class="weui-picker__item" aria-hidden="true">30日</div>
                        <div role="option" title="按住上下可调" tabindex="0" class="weui-picker__item" aria-hidden="true">31日</div>
                    </div>
                </div>
            </div>
        </div>
        <div class="weui-half-screen-dialog__ft">
            <div class="weui-hidden_abs" id="weui-picker-aria-content"></div> <a href="javascript:;" class="weui-btn weui-btn_primary weui-picker__btn" id="weui-picker-confirm" data-action="select" role="button" wah-hotarea="click">确定</a> </div>
    </div> -->





</body>

</html>